<template>
  <div class="page">
    <router-view v-slot="{ Component }" v-if="$route.meta.keepalive == true">
      <keep-alive>
        <component :is="Component" />
      </keep-alive>
    </router-view>
    
    <router-view v-else></router-view>
  </div>
  <Tabbar></Tabbar>
</template>

<script setup>
import { onMounted } from 'vue';
import { useRouter, useRoute } from 'vue-router'
import { ConfigProvider } from 'vant';
const $router = useRouter();
const $route = useRoute();

</script>

<style lang="less">
@import "@/assets/css/style.less";
@import "./assets/icon/iconfont.css";

.iconfont {
  font-size: 50px;
}

.warpper {
  padding: 20px 40px;
  box-sizing: border-box;
}

.card {
  background: #fff;
  padding: 20px;
  border-radius: 25px;
}
</style>
<style>
body{
  font-size: 32px !important;
}
html {
  background-color: #f5f5f5;
}

a {
  color: #000;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}
</style>
